iT邦幫忙

2022 iThome 鐵人賽

DAY 18
0

https://ithelp.ithome.com.tw/upload/images/20221002/20116357ozjsqm0pZr.jpg

閱讀完這個章節,你將會初步了解 WordPress 可重複使用區塊 (Reusable Block)WordPress 區塊版面配置目錄 (Patterns) 的基礎應用。

新手如何使用可重複使用區塊?

這個技巧的難度是非常低,接近沒什麼難度可言,但又非常容易讓新手忘記掉,變成 (每次重複) 輸入相同的內容,或者重複貼上,白白浪費掉寶貴的寫作時間和心力。在下方我們會展示數個常用的範例和操作,保證讓您活學活用,立馬就能上手。但使用的時機和如何打包複數的區塊成為 [可重複使用區塊],還是需要透過不斷的練習和操練。

可重複使用區塊是免費的嗎?

完全免費,這不是一個付費的服務,這正是為什麼我們強列推薦您需要善用這功能來提升您寫作效率的主因之一,當您累積到一定數量的 [可重複使用區塊],並善加以利用在文章的不同的部位和位置,您會發現原本只是 2,000 字的內容,會變成 3,000 字的內容,而且更大地補充您文章的結構和可再利用性,這是新手必學的小技巧喔。


為了便利創作者更有效率和節省時間,WordPress 從第 5.0 版本之後開始試驗加入這個可重複使用區塊 (Reusable Block),老用戶從前可能是用複制和貼上的方式,把文章相同的部份逐篇貼上合適的位置,雖然可以達到相同的目的。

但長遠來說是費時失事的做法,也沒有什麼效果可言,這次介紹的可重複使用區塊能讓你儲存單一或一組區塊,日後便可用於網站的任何文章或頁面。如果你經常新增同樣的內容到同一個區塊或區塊群組,使用可重複使用區塊將能夠節省大量時間。


  • 如何找到 [管理] 可重複使用區塊的捷徑?
  • 從 JSON 檔案匯入 / 匯出區塊
  • [管理] 和 [移除] 可重複使用區塊 | 控制台選項
  • 使用 [轉換成一般區塊] 的時機?

備注:可重複使用區塊其實可以分成兩類,主要差異在於你引用「可重複使用區塊」之後,你會否將它們 [轉換成一般區塊] ,兩者會產生不同的後續影響。


認識 WordPress 可重複使用區塊 (Reusable Block)

https://ithelp.ithome.com.tw/upload/images/20221002/20116357KeoeEErW68.jpg

❌ 不適合 [轉換成一般區塊] 的例子舉例「文章作者」區塊,由於作者的資訊是統一和不會變動,所以在引用區塊之後,不需要再按 [轉換成一般區塊] 。

✅ 適合 [轉換成一般區塊] 的例子舉例「引用參考資料」或「文章列表」區塊等等,我們只是希望重複利用這類格式和外觀而已,裡面的參考資料來源和引用什麼文章,每次都不同的,所以這種類型的例子,必須在引用區塊之後,要立即按下 [轉換成一般區塊] ,然後拆成不同小內容區塊再編輯,這樣才不會影響到可重複使用區塊的「可重複性」。


認識 WordPress 區塊版面配置目錄 (Patterns)

https://ithelp.ithome.com.tw/upload/images/20221002/20116357ElHgeiGr3l.jpg

如果你曾經使用過像 Elementor 這類簡易的 WordPress 頁面編輯器,相信應該有用過它們數量龐大的「範本庫 Template Library」來快速制作專業的頁面。

WordPress 官方在這領域原本是沒有任何著墨和發展。在 2022 年睦續開放的「區塊版面配置」就是往這個方向踏出重要的一步。區塊版面配置其實是文字格式的內容,並且跟複製及貼上文字一樣,使用者只需要在區塊編輯器上複製並貼上區塊版面配置的內容,就能立即得到相對應的版面效果。

  • WordPress 區塊編輯器 中開啟任何文章或頁面。
  • 將游標放在要新增區塊版面配置的位置。
  • 按住 Ctrl (Windows) 或 ⌘ (macOS) 搭配按下 V 鍵或點擊滑鼠右鍵並從選單中選取 [貼上],以貼上剪貼簿中的內容。

https://ithelp.ithome.com.tw/upload/images/20221002/2011635718WWNcXLCz.jpg

暫時在 WordPress 官方網站 之上還未找到這個服務的入口,可能因為仍有不少改進空間,在我們的測試時也發現有一點 Bug 或錯誤之處。但完整版應該會在 2022 年中後期就開通,加上暫時可以動用的預製區塊非常少,不少分類只有零碎的選擇,但收到不少情報往後會允許「來自世界各地的設計師」上傳自己的區塊範本,屆時將會百花齊放,各種風格和功能的區塊,會多到使用者花多眼亂和選擇困難,期待這個服務的後續發展。


上一篇
17 | WordPress 電子報 (Newsletter) 區塊組合
下一篇
19 | WordPress 多重按鈕群組 (Button Group) 區塊組合
系列文
WordPress 區塊編輯器 | 多區塊組合應用技巧 | [進階應用]30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言